<template>
  <div class="WithdrawalBack">
    <!-- 未实名 -->
    <div v-if="type == 1">
      <img class="img" src="../assets/image/smrz.png" alt="" />
      <div class="txt">实名认证并添加收款信息才能{{ prompt }}哦~</div>
      <div class="btn">去认证</div>
    </div>
    <!-- 正在审核 -->
    <div v-if="type == 2">
      <img class="img" src="../assets/image/zzsh.png" alt="" />
      <div class="txt">正在审核</div>
    </div>
    <!-- 提现成功 -->
    <div v-if="type == 3">
      <img class="img" src="../assets/image/txcg.png" alt="" />
      <div class="txt">{{ prompt }}成功</div>
    </div>
    <!-- 失败 -->
    <div v-if="type == 4">
      <img class="img" src="../assets/image/txsb.png" alt="" />
      <div class="txt">{{ prompt }}失败</div>
      <div class="txt2">请检查认证信息是否为本人</div>
      <div class="btn">检查身份信息</div>
    </div>
    <div v-if="type == 5">
      <img class="img" src="../assets/image/txsb.png" alt="" />
      <div class="txt">{{ prompt }}失败</div>
      <div class="txt2">叶子不足</div>
      <div class="btn">获取更多叶子</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      type: this.$route.query.type ? this.$route.query.type : 1,
      prompt: this.$route.query.prompt == 1 ? "提现" : "兑换",
    };
  },
};
</script>

<style lang="less" scoped>
.WithdrawalBack {
  .img {
    margin: 80px auto 10px;
    width: 120px;
    height: 110px;
  }
  .txt {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #666666;
    text-align: center;
  }
  .txt2 {
    margin-top: 10px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 21px;
    color: #666666;
    text-align: center;
  }
  .btn {
    width: 200px;
    height: 50px;
    background: linear-gradient(90deg, #9981ed 0%, #b871ff 100%);
    opacity: 1;
    border-radius: 25px;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 50px;
    color: #ffffff;
    margin: 60px auto 0;
    text-align: center;
  }
}
</style>